<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
<head>
<base href="<%=basePath%>">
<title>华南农业大学南雄同乡会信息管理系统</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" type="text/css" href="CSS/style.css">
<script type="text/javascript" src="JS/jquery-1.11.1.js"></script>
<!-- <script src="JS/fusionChart/js/FusionCharts/js/geneChart.js"></script>
<script src="JS/fusionChart/js/FusionCharts/FusionCharts.js">
 	
</script>-->
<script type="text/javascript">

	function menuFix() {
		var sfEls = document.getElementById("js-navbar").getElementsByTagName(
				"li");
		for (var i = 0; i < sfEls.length; i++) {
			sfEls[i].onmouseover = function() {
				this.className += (this.className.length > 0 ? " " : "")
						+ "sfhover";
			};
			sfEls[i].onMouseDown = function() {
				this.className += (this.className.length > 0 ? " " : "")
						+ "sfhover";
			};
			sfEls[i].onMouseUp = function() {
				this.className += (this.className.length > 0 ? " " : "")
						+ "sfhover";
			};
			sfEls[i].onmouseout = function() {
				this.className = this.className.replace(new RegExp(
						"( ?|^)sfhover\\b"),

				"");
			};
		}

	}

	window.onload = menuFix;

	window.onUnload=function(){alert("关闭窗口");
		<%
			session.removeAttribute("isLogin");
		%>
	};
	
	$(function(){
		
		// 收起页面顶部内容  index.html
		var header = $(".header"),
    		content_iframe = $("#content-iframe"),
    		navbar = $( ".navbar" );
			marker = $("#marker");
			//点击滑动导航按钮
			$("#slideup-btn").bind({
    		"mouseenter": function(){
    			 if($(this).hasClass("state-clicked")){
    					marker.addClass("state-hover-down");
    				}else{
    					 marker.addClass("state-hover-up");
    				}
        			marker.removeClass("icon-arrowup");
    			},
    		"mouseleave": function(){
    			 if($(this).hasClass("state-clicked")){
 						marker.removeClass("state-hover-down");
 					}else{
 						 marker.removeClass("state-hover-up");
 					}
       			 marker.addClass("icon-arrowup");
   				 },
   			 "click": function(){ 				
				 if(marker.hasClass("state-hover-down")){
   					marker.removeClass("state-hover-down");
   					marker.addClass("state-hover-up");
   				 }
        		if( header.css("top") == "-68px" ){
            		$(this).removeClass("state-clicked");
            		$(".header").animate({top:"0"});
            		content_iframe.animate({top:"-5px"});
            		navbar.animate({top:"-8px"});
            		header.animate({top:"-8px"});
        		}else{
            		$(this).addClass("state-clicked");
           			$(".header").animate({top:"-68px"});
            		content_iframe.animate({top:"-68px"});
            		navbar.animate({top:"-68px"});
        }
    }
});
	});
	
</script>


</head>

<body >
	<!-- 标题开始  -->
	<div class="header">
		<div class="container">
			<h1 id="logo"></h1>
			<div class="header-right floatright">
				<div class="user-info header-right-line">
					<p style="margin:0;height:60px">
						<i class="icon icon-user"></i>欢迎你，${sessionScope.memname }<i
							class="icon icon-arrowdown1"></i>
					</p>
				</div>
				<div class="header-right-line1">
					<a href="javascript:;" class="icon icon-maximize" title="全屏浏览"></a>
				</div>
				<div class="header-right-line1">
					<a href="javascript:;" class="icon icon-question" title="帮助"></a>
				</div>
				<div class="header-right-line1">
					<a href="javascript:;" class="icon icon-quit" title="退出"></a>
				</div>
			</div>
		</div>
	</div>
	<!-- 标题结束  -->
	<!-- 导航栏开始 -->
	<div class="navbar">
		<div class="container">
			<div class="bar">
				<ul class="nav" id="js-navbar">
					<li><a target="menuIframe" href="main.jsp" >系统首页</a></li>
					<li><a target="menuIframe" href="javascript:;">会员信息管理<i class="icon icon-arrowdown1"></i></a>
						<div class="menudrop-container">
							<i class="icon icon-menuarrow" style="left: 41.5px;"></i>
							<div class="menudrop-shadow"></div>
							<div class="menudrop">
								<div class="menubox menubox2">
								<ul>
									<li class="list-1"><a href="user/addMember.jsp" target="menuIframe">新增会员</a>
									</li>
									<li class="list-1"><a href="<%=basePath %>getAllMemberAction" target="menuIframe">同乡录</a>
									</li>
									<li class="list-1"><a href="user/statistics.jsp" target="menuIframe">统计会员信息</a>
									</li>
									<li class="list-1 list-last"><a href="user/member.jsp" target="menuIframe">个人信息</a>
									</li>
								</ul>
								</div>
							</div>
						</div>
					</li>
					<li>
						<a href="javascript:;" style="padding:8px 0px 13px 8px">活动管理
							<i class="icon icon-arrowdown1"></i>
						</a>
						<div class="menudrop-container">
							<i class="icon icon-menuarrow" style="left: 41.5px;"></i>
							<div class="menudrop-shadow"></div>
							<div class="menudrop">
								<div class="menubox">
								<ul>
									<li class="list-1"><a href="javascript:;">计划活动</a>
										<ul>
											<li><a href="activities/addActivityPlan.jsp" target="menuIframe">添加活动计划</a></li>
											<li><a href="activities/activityPlan.jsp" target="menuIframe">查看计划活动</a></li>
										</ul>
									</li>
									<li class="list-1"><a href="javascript:;">组织活动</a>
										<ul>
											<li><a href="activities/releaseAct.jsp" target="menuIframe">发布活动</a></li>
											<li><a href="activities/activities.jsp" target="menuIframe">查看活动</a></li>
										</ul></li>
									<li class="list-1 list-last"><a href="javascript:;">个人活动</a>
										<ul>
											<li><a target="menuIframe" href="indiAct/relIndiAct.jsp">发布个人活动</a></li>
											<li><a target="menuIframe" href="indiAct/myindiActivity.jsp">查看个人活动</a></li>
										</ul></li>

								</ul>
								</div>
							</div>
						</div>
					</li>
					<li>
						<a href="javascript:;" style="padding:8px 0px 13px 8px">交流学习管理
							<i class="icon icon-arrowdown1"></i>
						</a>
						<div class="menudrop-container">
							<i class="icon icon-menuarrow" style="left: 41.5px;"></i>
							<div class="menudrop-shadow"></div>
							<div class="menudrop">
								<div class="menubox">
								<ul>
									<li class="list-1"><a href="javascript:;">新鲜事管理</a>
										<ul>
											<li><a href="news/relnews.jsp" target="menuIframe">发贴</a></li>
											<li><a href="news/mynews.jsp" target="menuIframe">我的贴子</a></li>
										</ul>
									</li>
									<li class="list-1"><a href="javascript:;">图片秀</a>
										<ul>
											<li><a href="PS/loadPicture.jsp" target="menuIframe">上传图片</a></li>
											<li><a href="PS/pictureShow.jsp" target="menuIframe">图片集</a></li>
											
										</ul></li>

								</ul>
								</div>
							</div>
						</div>
					</li>
					
				</ul>
			</div>
			<button id="slideup-btn" type="button">
				<i id="marker" class="icon icon-arrowup"></i>
			</button>
			
		</div>

	</div>
	<!-- 导航栏结束 -->
     <!-- 容器开始 -->
	<div id="content-iframe" >
		<iframe id="menuIframe" name="menuIframe" frameborder="0"  height="100%" width="100%"
			src="main.jsp"></iframe>
	</div>
	<!-- 容器结束 -->
</body>
</html>
